<template>
  <div class="">
      <!-- <input type="text" v-model="num"> -->
      <!-- <input :value="num" @input="num = $event.target.value"/> -->
      <!-- <p>数字是：{{num}}</p> -->
      <input type="text" :value="value" @input="$emit('input',$event.target.value)">
  </div>
</template>

<script>
export default {
  props:{
    value: [String,Number] 
  },
  data() {
    return {
      num: 10
    };
  },
  created() {},
  methods: {
    inputFtn(e){ // 只要输入框输入的内容发生改变就会触发该事件
    //   console.log(e.target.value);
      this.num = e.target.value;
    },
    change(e){ // 当输入框值发生改变的时候，触发该事件
      console.log(e.target.value);
    }
  },
  components: {},
};
</script>

<style lang='scss'>
</style>
